/* ==========================
   ::first-line
   Estiliza solo la primera línea del párrafo
========================== */
p::first-line {
  color: #ff0000;
  font-variant: small-caps;
}

/* ==========================
   ::first-letter
   Estiliza solo la primera letra del párrafo
========================== */
p::first-letter {
  color: #ff0000;
  font-size: xx-large;
}

/* ==========================
   ::first-letter en clase "intro"
   Aplica estilos diferentes solo si tiene la clase intro
========================== */
p.intro::first-letter {
  color: #0026ff;
  font-size: 200%;
}

/* ==========================
   ::before y ::after en un título (h1)
   Inserta contenido antes y después del título
========================== */
h1::before {
  content: url('image/Dennis.jpg'); /* Debes tener smiley.gif en tu carpeta */
  margin-right: 5px;
}

h1::after {
  content: url('image/Neon.jpeg');
  margin-left: 5px;
}

/* ==========================
   ::marker para listas
   Aplica estilo a los marcadores de listas
========================== */
li::marker {
  color: red;
  font-size: 23px;
}

/* ==========================
   ::selection para selección de texto
   Cambia el fondo y color del texto cuando se selecciona
========================== */
::selection {
  color: red;
  background: yellow;
}